<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>DLZ Field Service Database - Project Editor</title>
        <link rel="stylesheet" type="text/css" href="static/resources/ext-3.2.1/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="static/resources/dlz/resources/css/dlz.css" />
        <link rel="stylesheet" type="text/css" href="static/resources/dlz/resources/css/RowEditor.css" />
        <!--change to production after development-->
        <script type="text/javascript" src="static/resources/ext-3.2.1/adapter/ext/ext-base.js">
        </script>
        <!--
        <script type="text/javascript" src="static/resources/ext-3.2.1/ext-all.js">
        </script>
        -->
        <script type="text/javascript" src="static/resources/ext-3.2.1/ext-all-debug.js">
        </script>
        <!-- Add dlz library-->
        <script type="text/javascript" src="static/resources/dlz/grid/ColumnHeaderGroup.js">
        </script>
        <script type="text/javascript" src="static/resources/dlz/grid/RowEditor.js">
        </script>
        <!-- add project library-->
        <script type="text/javascript" src="static/resources/FieldServiceDatabase/ProjectEditor.js">
        </script>
        <link rel="stylesheet" type="text/css" href="grid-examples.css" />
        <!-- Common Styles for the examples -->
        <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
        <link rel="stylesheet" type="text/css" href="../ux/css/RowEditor.css" />
        <style type="text/css">
            .x-grid3 .x-window-ml {
                padding-left: 0;
            }
            
            .x-grid3 .x-window-mr {
                padding-right: 0;
            }
            
            .x-grid3 .x-window-tl {
                padding-left: 0;
            }
            
            .x-grid3 .x-window-tr {
                padding-right: 0;
            }
            
            .x-grid3 .x-window-tc .x-window-header {
                height: 3px;
                padding: 0;
                overflow: hidden;
            }
            
            .x-grid3 .x-window-mc {
                border-width: 0;
                background: #cdd9e8;
            }
            
            .x-grid3 .x-window-bl {
                padding-left: 0;
            }
            
            .x-grid3 .x-window-br {
                padding-right: 0;
            }
            
            .x-grid3 .x-panel-btns {
                padding: 0;
            }
            
            .x-grid3 .x-panel-btns td.x-toolbar-cell {
                padding: 3px 3px 0;
            }
            
            .x-box-inner {
                zoom: 1;
            }
            
            .icon-user-add {
                background-image: url(../shared/icons/fam/user_add.gif) !important;
            }
            
            .icon-user-delete {
                background-image: url(../shared/icons/fam/user_delete.gif) !important;
            }
        </style>
    </head>
    <body>
        <select name="status_options" id="status_options" style="display: none;">
            <option value="Completed">Completed</option>
            <option value="Deleted">Deleted</option>
            <option value="InProgress">In Progress</option>
        </select>
    </body>
</html>
